<template>
    <div class="home">
        <Announcement></Announcement>
        <PortfolioSummaryCard></PortfolioSummaryCard>
        <WatchStockList></WatchStockList>
        <TopMovers></TopMovers>
    </div>
</template>

<script setup>
import Announcement from '@/components/pageunit/system/Announcement.vue';
import PortfolioSummaryCard from '@/components/pageunit/transfer/PortfolioSummaryCard.vue';
import WatchStockList from '@/components/pageunit/stock/WatchStockList.vue';
import TopMovers from '@/components/pageunit/stock/TopMovers.vue';
</script>

<style scoped lang="less">
.home {
    --gap: 3.5vw;
    padding: var(--gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
</style>